@charset "utf-8";
#login_box {
    background: none repeat scroll 0 0 #fff;
    height: 310px;
    font-size: unset;
    position: relative;
}
#login_box .list {
    width: 100%;
    position: absolute;
}
.flip.out {
    animation-duration: 175ms;
    animation-name: flipouttoleft;
    transform: rotateY(-90deg) scale(0.9);
}
.flip.in {
    animation-duration: 225ms;
    animation-name: flipintoright;
}
.status-grid-head {
    background-color: #ffffff;
    display: block;
    background-size: 100% 100%;
    height: 144px;
    position: relative;
    width: 100%;
}
.status-people-pic {
    position: absolute;
    top: 23%;
    left: 35%;
}

.people-avilabel {
    background: none repeat scroll 0 0 #fff;
    border-radius: 30em;
    padding: 4px;
    position: absolute;
    right: 3%;
    top: 70%;
}
.stat-people {
    background: none repeat scroll 0 0 #fafafa;
    border-radius: 30em;
    display: block;
    padding: 7px;
    position: relative;
    width: 100px;
}


.status-people-pic span.bg {
    background: none repeat scroll 0 0 #000000;
    opacity: 0.4;
}
.status-people-pic span {
    border-radius: 30em;
    display: none;
    height: 100px;
    left: 0;
    padding: 7px;
    position: absolute;
    top: 0;
    width: 100px;
}
.status-people-pic a:hover span {
    display: block;
}
.status-people-pic span.text {
    color: #ffffff;
    font: 12px/85px "Microsoft yahei";
    text-align: center;
}

.status-people-info {
    height: 130px;
    margin-top: 36px;
    width: 100%;
}
.status-people-info h2 {
    color: #565656;
    font-size: 1.2em;
    font-weight: 600;
    text-align: center;
    line-height: 27px;
    margin-bottom: 0;
}
.status-people-info .ico {
    background: url("../images/bg_email.png") no-repeat scroll -1px 0 rgba(0, 0, 0, 0);
    font-size: 14px;
    margin-left: 40%;
    padding-left: 20px;
    margin-bottom: 0;
}
.status-people-info .ico i {
    color: red;
}
.status-people-content {
    color: #bebebe;
    font-size: 0.875em;
    display: inline-block;
    text-align: center;
    width: 100%;
}
.status-corrent {
    bottom: 0;
    position: absolute;
    width: 100%;
}
.status-corrent ul li {
    display: inline-block;
    float: left;
    text-align: center;
    width: 33.33%;
}
.status-corrent ul li a {
    color: #fff;
    display: block;
    font-size: 14px;
    padding: 1em;
    transition: all 0.5s ease 0s;
}
.appont {
    background: none repeat scroll 0 0 #b63c6b;
}
.client {
    background: none repeat scroll 0 0 #f13d6d;
}
.report {
    background: none repeat scroll 0 0 #fe7ba3;
}


.ui-widget-header {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    color: #222;
    font-weight: bold;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.ui-widget {
    font-family: "Microsoft YaHei";
    font-size: 16px;
}
.ui-dialog {
    border-radius: 70px;
    border: 8px solid rgba(0,0,0,0.5);
    background-clip: padding-box;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.075) inset, 5px 5px 8px rgba(105, 105, 105, 0.55);
}
.ui-dialog .ui-dialog-title {
    margin: 0.1em 0 0.1em 30px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border-radius: 10px;
}
.ui-dialog .ui-dialog-titlebar-close {
    margin: -10px 30px 0 0;
}
.qtip-blue {
    background-color: #e5f6fe;
    border-color: #add9ed;
    color: #5e99bd;
}
.qtip-green {
    background-color: #caed9e;
    border-color: #90d93f;
    color: #3f6219;
}
.qtip-red {
    background-color: #f78b83;
    border-color: #d95252;
    color: #912323;
}
#loading{
    background: url("../images/index_loading.gif") no-repeat 20px center;
    font-size: 14px;
    font-weight: bold;
    color: #666;
    line-height: 25px;
    text-indent: 20px;
}


.status-grid .login {
    height: 310px;
    position: relative;
    width: 100%;
}
#user-login-block .form-item-name {
    margin: 0 0 15px 30px;
    padding: 30px 0 0;
}
#user-login-block .form-text {
    border: 1px solid #999;
    box-shadow: 1px 1px 3px #c3c3c3 inset;
    color: #555555;
    font-family: "microsoft yahei","微软雅黑","黑体";
    font-size: 16px;
    height: 45px;
    line-height: 45px;
    padding: 4px 8px;
    width: 290px;
    margin-bottom: 0;
}
#user-login-block .form-text:focus, #user-login-block .form-text:hover {
    background: none repeat scroll 0 0 #fff;
    border-color: #3eabff;
    box-shadow: 0 0 1px #1681d3, 1px 1px 3px #c3c3c3 inset;
}
#user-login-block .form-item-pass {
    margin: 0 0 15px 30px;
}
#user-login-block #edit-actions--2 {
    margin: 15px 0 15px 30px;
}

#user-login-block #edit-submit--2 {
    cursor:pointer;
    background-color: #1c98e7;
    border: 1px solid #007dcc;
    color: #ffffff;
    font-family: "Microsoft yahei";
    font-size: 20px;
    height: 50px;
    width: 308px;
}
#user-login-block #edit-submit--2:hover {
    background-color: #1b83cb;
}
.form-item label.auto {
    font-size: 14px;
    margin-left: 25px;
    display: inline;
}
.forget_password {
    color: #0a8cd2;
    float: right;
    font-size: 14px;
    margin-right: 25px;
}
.forget_password:hover {
    text-decoration: underline;
}
.status-corrent .qq_login {
    background: url("../images/get_qq.png") no-repeat scroll 6px 10px / 23px 23px #f13d6d;
}
.status-corrent .qq_login:hover {
    background-color: #dc3663;
}
.status-corrent .weibo_login {
    background: url("../images/get_weixin.png") no-repeat scroll 6px 10px / 25px 25px #fe7ba3;
}
.status-corrent .weibo_login:hover {
    background-color: #e46c91;
}
#get--messages.left{
    left: -411px;
    margin-bottom: 10px;
    position: absolute;
    top: 55px;
    width: 400px;
}
#get--messages.right{
    left: 338px;
    margin-bottom: 10px;
    position: absolute;
    top: 55px;
    width: 400px;
}

.messages__list{
    border:1px solid #eed3d7;
    padding: 20px 10px 20px 50px;
}


.messages--error {
    background: url("../images/message_error.png") no-repeat scroll 6px 10px #fef5f1;
    color: #b94a48;
    z-index: 9999;
}